.flex {
  display: flex;
}
.f {
  display: flex;
  align-items: center;
}
.f1 {
  flex: 1
}
.fc {
  display: flex;
  align-items: center;
  justify-content: center;
}
.fc0 {
  display: flex;
  justify-content: center;

}
.fcc {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.fcf { 
  display: flex;
  flex-direction: column;
}
.fcf1 { 
  display: flex;
  flex-direction: column;
  flex: 1;
}
.fcfc {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.fcfs { 
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.f
.fcfe {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.fcc100 {
  width: 100%;
  height: 100%;
  .fcc
}
.fsa {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.fsb {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.fe {
  display: flex;
  justify-content: flex-end;
}
.fae {
  display: flex;
  align-items: flex-end;
}
.fac {
  display: flex;
  align-items: center;
}

.fce {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.fs0 {
  flex-shrink: 0
}
.fw {
  flex-wrap: wrap
}

.fl {
  float: left;
}